<html>
  <head>
    <title>Whisper Muse - Song Profile</title>

    <style type="text/css">
      a:link
      {
        color: yellow;
        font-family: verdana, arial, sans-serif;
      }
      a:visited
      {
        color: #006699;
        font-family: verdana, arial, sans-serif;
      }
      a:hover
      {
        color: yellow;
        font-family: verdana, arial, sans-serif;
      }
      a:active
      {
        color: #00FF99;
        font-family: verdana, arial, sans-serif;
      }

      .title
      {
        font-family: verdana, arial, sans-serif;
        font-size: 38px;
        color: yellow;
      }

      *
      {
        background-color: black;
        padding: 0;
        margin: 0;
      }

      .container
      {
        margin-left: auto;
        margin-right: auto;
        width: 900px;
        background-color: black;
        background-repeat: no-repeat;
      }

      .clear
      {
        clear: both;
        display: block;
      }

      #header
      {
        margin-top: 41px;
        margin-left: 50px;
        display: inline;
        float: left;
        position: relative;
        width: 900px;
        height: 80px;
      }
      #toprow1
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 80px;
      }
      #toprow2
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 80px;
      }
      #toprow3
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 80px;
      }
      #toprow4
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 80px;
      }
      #contentleft
      {
        margin-left: 150px;
        margin-top: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 300px;
        height: 1000px;
      }
      #contentright
      {
        margin-left: 50px;
        margin-top: 22px;
        display: inline;
        float: left;
        position: relative;
        width: 400px;
        height: 1000px;
      }
    </style>
  </head>


  <body>
    <div class="container">
      <!-- Header -->
      <div id="header">
        <!-- TODO: Replace with Image -->
        <p class="title"><%= link_to 'Whisper Muse', "../user/home", :method => "home" %></p>
      </div>

      <!-- Links -->
      <div id="toprow1">
        <center>
          <%= link_to 'Profile', "../user/my_account", :method => "my_account" %>
        </center>
      </div>

      <div id="toprow2">
        <center>
          <%= link_to 'Edit Account', "../user/edit_account", :controller => "user", :method => "edit_account" %>
        </center>
      </div>

      <div id="toprow3">
        <center>
          <font face="verdana" color="yellow"><%= @user.username %></font>
        </center>
      </div>

      <div id="toprow4">
        <center>
          <%= link_to 'Logout', "../user/login", :confirm => 'Are you sure?', :method => "logout" %>
        </center>
      </div>

      <!-- Content -->
      <div id="contentleft">
        <font face="verdana" color="yellow">

          <%= image_tag "icons/delete.gif" %>
          <br>
          <br>
			Title: <%= @song.name %>
          <br>
          <br>
          <!-- TODO: format param for time 0X -->
			Length: <%= @song.length/60 %>:<%= (Time.mktime(0)+ @song.length%60).strftime("%S") %>
          <br>
          <br>
			Artist: <%= @song.artist %>
          <br>
          <br>
			Album: <%= link_to @song.album.name, :controller => 'album', :action => 'show', :id => @song.album.id  %>
        </font>
      </div>
      <div id="contentright">
        <font face="verdana" color="yellow">
          <%= link_to 'Create new review', :action => 'new_review', :id => @song.id  %>
          <br>
          <br>
          Overall Rating:
          <br>
          <br>
          <= @song.overall_rating >
          <br>
          <br>
			Reviews:
          <table border="1" width="300">
            <!--< @recipes.each do |recipe| >
  				<tr>
  					<td><= link_to recipe.title, :action => "show", :id => recipe.id ></td>
   					<td><= recipe.category.name ></td>
  				</tr>
 				< end >-->
          </table>
        </font><br>
      </div>
      <div class="clear">
      </div>
    </div>
  </body>
</html>